<template>
  <div>
    <h1>App</h1>
    <BsCard>
      <template #[slotName]>
        this is content
      </template>
    </BsCard>
    <button @click="slotName = 'default'">default</button>
    <button @click="slotName = 'footer'">footer</button>
    <button @click="slotName = 'header'">header</button>
  </div>
</template>

<script setup>
import { ref } from 'vue';
import BsCard from './components/BsCard.vue';
const slotName = ref('footer')
</script>


<style>
div {
  border: solid;
  padding: 20px
}
</style>